<template>
  <div>
    <MyNavHead>优惠券</MyNavHead>
    <Tabs :titleData="titleData">
      <template v-slot:content1>
        <div class="container">
          <div class="content">
            <div class="img" v-for="(item, index) in imgArr" :key="index">
              <img :src="item" alt="" />
            </div>
          </div>
        </div>
      </template>
    </Tabs>
  </div>
</template>

<script>
import Tabs from "./tabs/Tabs";
import MyNavHead from "../../components/MyNavHead";
export default {
  name: "Ticket",
  components: {
    MyNavHead,
    Tabs,
  },
  data() {
    return {
      active: 0,
      titleData:[ "商城","生活服务"],
      imgArr: [
        require("../../assets/image/img_10.png"),
        require("../../assets/image/img_20.png"),
        require("../../assets/image/img_50.png"),
        require("../../assets/image/img_80.png"),
      ],
    };
  },
};
</script>

<style scoped lang="less" >
.container {
  width: 100%;
  .content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #f1f1f1;
    .img {
      text-align: left;
      width: 50%;
      img {
        width: 170px;
        height: 70px;
        margin: 0.5rem 0;
      }
    }
  }
}
</style>